<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="./Public/Home/css/usercenter.css" />
	</head>
	<script>
//选项卡功能
window.onload=function(){
//	抓取id
	var tab1=document.getElementById("user_info");
	var tab2=document.getElementById("upload_password");
	var tab3=document.getElementById("upload_email");
//	抓取选项卡id
	var t1=document.getElementById("info");
	var t2=document.getElementById("password");
	var t3=document.getElementById("email");
//	class="current"
//	table切换
	tab1.onclick=function(){
		t1.style="display:block";
		t2.style="display:none";
		t3.style="display:none";
		
		tab1.className="current";
		tab2.className="";
		tab3.className="";
	}
	
	tab2.onclick=function(){
		t1.style="display:none";
		t2.style="display:block";
		t3.style="display:none";
		
		tab1.className="";
		tab2.className="current";
		tab3.className="";
	}
	
	tab3.onclick=function(){
		t1.style="display:none";
		t2.style="display:none";
		t3.style="display:block";
		
		tab1.className="";
		tab2.className="";
		tab3.className="current";
	}
}
		
	</script>
	<body>
			<!--头部-->
{{include file="../Common/header"}}
	<!--头部结束-->

<div class="box">
	<!--个人中心左侧-->
	<div class="userLeft">
		<div class="guanli">
			<h2 class="zhanghu">
				<img src="./Public/Home/img/zhanghu.jpg" alt="" />
			</h2>
			<ul>
				<li><a href="">个人资料</a></li>
				<li><a href="">收货地址</a></li>
			</ul>
		</div>
		
		<div class="guanli">
			<h2>
				<img src="./Public/Home/img/maijia.jpg" alt="" />
			</h2>
			<ul>
				<div style="padding-bottom: 8px;">
					<h3><img src="./Public/Home/img/jiaoyi.jpg" alt="" /></h3>
					<li class="cart">
						<a href=""target="_blank">我的购物车</a>
					</li>
					<li class="order">
						<a href=""target="_blank">我的订单</a>
					</li>
				</div>
			</ul>
		</div>
	</div>
	<!--个人中心右侧-->
	<div class="userRight">
		<div class="rightbox">
			<ul class="Tab">
				<li id="user_info" class="current" style="border-left: 1px solid #DFDFDC;"><a href="javascript:;">基本信息</a></li>
				<li id="upload_password"><a href="javascript:;">修改密码</a></li>
				<li id="upload_email"><a href="javascript:;">修改电子邮箱</a></li>
			</ul>
			<div class="contentBox" >
				<div id="info">
				<form action="" method="post">
					<div class="content">
						<table style="width:535px;">
							<tbody>
								
								<tr>
									<td style="width:30px;height:30;text-align:right;">昵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称：
								</td>
									<td style="width:259px;">何为昵称</td>
									
								</tr>
		<!--姓名-->
								<tr>
									<td style="height:30px;text-align:right;">真实姓名：</td>
									<td>
										<input type="text" />
									</td>
								</tr>
		<!--手机-->						
								<tr>
									<td style="height:30px;text-align:right;">手&nbsp;&nbsp;机&nbsp;&nbsp;号：</td>
									<td>
										<input type="text" />
									</td>
								</tr>
		<!--邮箱-->
								<tr>
									<td style="text-align: right;">常用邮箱：</td>
									<td>754848879@qq.com </td>
								</tr>
		<!--简介-->
								<tr>
									<td style="height:30px;text-align: right;">个人简介：</td>
									<td>
										<textarea name="" rows="2" cols="19"></textarea>
									</td>
								</tr>
		<!--性别-->
								<tr>
									<td style="height:30px; text-align: right;">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</td>
									<td>
										<label for=""><input type="radio" />保密</label>
										<label for=""><input type="radio"  checked="checked"/>男</label>
										<label for=""><input type="radio" />女</label>
									</td>
								</tr>
		<!--生日-->
								<tr>
									<td style="height:32px;text-align: right;">生&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日：</td>
									<td>
										<input type="text"  value="0000-00-00"/>
										例如：1995-01-01
									</td>
								</tr>
		<!--保存-->
								<tr>
									<td style="height:50px;text-align: right;"></td>
									<td><input type="image" src="./Public/Home/img/baocun.jpg" /></td>
								</tr>

							</tbody>
						</table>
					</div>
				</form>
			</div>
		</div>
			<div id="password" style="display: none;">
				<form method="post" >
          			<div class="uploadpassword">
            			<table width="450" >
              				<tbody>
              					<tr>
                					<td height="30" class="bold" style="padding-bottom:10px;">提示：为了保证您的帐号安全，请使用8-16位以上数字、字母和特殊符号的组合密码，并定期更换密码。</td>
              					</tr>
              					<tr>
                					<td width="64" height="38" align="right">当前密码：</td>
                						<td width="386">
                							<span style="padding: 22px 0 0;">
                  								<input name="" type="password" class="shurukuang" style="width:168px;">
                							</span>
                						</td>
              					</tr>
              					<tr>
                					<td width="64" height="38" align="right">新密码：</td>
                						<td width="386">
                							<span style="padding: 22px 0 0;">
                  								<input name="" type="password" class="shurukuang" style="width:168px;" id="new_password">
                							</span>
                						</td>
              					</tr>
              					<tr>
                					<td width="64" height="38" align="right">确认密码：</td>
                						<td width="386">
                							<span style="padding: 22px 0 0;">
                  								<input name="" type="password" class="shurukuang" style="width:168px;">
                							</span>
                						</td>
              					</tr>
              					<tr>
                					<td width="64" height="47" align="right">&nbsp;</td>                					
                					<td width="386">
                						<input type="image" src="./Public/Home/img/baocun.jpg" value="提交">
                					</td>
             					 </tr>
            				</tbody>
            			</table>
          			</div>
          		</form>
			</div>
			
			<div id="email" style="display: none;">
				<form method="post" >
          			<div class="uploademail">
            			<table width="450" >
              				<tbody>
              					<tr>
              						<td height="30"  class="bold" style="padding-bottom:10px;">提示：请您填写正确的邮箱地址，并且仔细核对！
              						</td>
              					</tr>
              					
              					<tr>
                					<td width="64" height="38" align="right">您的密码：</td>
                						<td width="386">
                							<span style="padding: 22px 0 0;">
                  								<input name="" type="password" class="shurukuang" style="width:168px;">
                							</span>
                						</td>
              					</tr>
              					
              					<tr>
              					  <td width="64" height="38" align="right">电子邮箱：</td>
               						 <td width="386">
               						 	<span style="padding: 22px 0 0;">
                  							<input name="email" type="text" class="shurukuang" style="width:168px;">
                						</span>
               						 </td>
              					</tr>
              					
              					<tr>
                					<td width="64" height="47" align="right">&nbsp;</td>
                						<td width="386">
                							<input type="image" src="./Public/Home/img/baocun.jpg" value="提交">
                						</td>
              					</tr>
            				</tbody>
            			</table>
          			</div>
          		</form>
			</div>
			
		</div>
	</div>
</div>


	
	
	<!--底部-->
{{include file="../Common/footer"}}
		
		
		
	</body>
</html>
